<template>
  <div>
    <h1>采入出库管理系统</h1>
    <n-divider />
    <div class="text-center"><n-button type="info">仓库库存盘点表</n-button></div>
    <n-grid x-gap="12" :cols="3">
      <n-gi v-for="(item, index) in lists" :key="index">
        <n-card :bordered="false" class="text-center">
          <n-button type="info">{{ item.title }}</n-button>
        </n-card>
      </n-gi>
    </n-grid>
  </div>
</template>
<script lang="ts" setup>
  import { ref } from 'vue';

  const lists: any = ref([
    { title: '采购入库单', path_name: '' },
    { title: '入库单台账', path_name: '' },
    { title: '材料出库单台账', path_name: '' },
    { title: '材料出库单', path_name: '' },
    { title: '多余材料调拨单', path_name: '' },
    { title: '采购申请单', path_name: '' },
    { title: '退货单', path_name: '' },
    { title: '打印出库单', path_name: '' },
    { title: '打印入库单', path_name: '' },
    { title: '固定资产盘点', path_name: '' },
    { title: '劳保用品领用登记表', path_name: '' },
    { title: '贵重物品领用表', path_name: '' },
    { title: '急需购入材料', path_name: '' },
    { title: '应付账款统计表', path_name: '' },
    { title: '材料出库汇总单', path_name: '' },
    { title: '材料入库汇总单', path_name: '' },
    { title: '客户对账单', path_name: '' },
    { title: '材料出入库对比表', path_name: '' },
  ]);
</script>

<style lang="less" scoped>
  h1 {
    padding: 30px;
    text-align: center;
    font-size: 3rem;
  }
  .n-button {
    width: 160px;
  }
  .n-grid {
    margin-top: 30px;
  }
</style>
